<div class="onepcssgrid-100">
<div id="produto" class="onerow">
<button id="voltar" onmousedown="window.history.back();"><i class="icon-arrow-left"></i>Voltar</button>
<div class="col12 lista">
	  	<ul class="list list-ul img-list">
	  	<?php if (empty($pedidos)) { ?>
	  		<h2>Sem pedidos</h2>
	  	<?php } ?>
	  	<?php foreach ($pedidos as $sPedido) {?>
			<li onreadystatechange="escutarAceito(70)">
					<div class="li-img">
						<img src="<?= base_url() . IMAGES . 'produtos/' . $sPedido['id_produto'] . '.jpg';?>" alt="<?=$sPedido['nome_produto']?>" />
						<?php if ($sPedido['status_pedido'] != 'Cancelado' && $sPedido['status_pedido'] != 'Entregue') {?>
							<a id="<?=$sPedido['id_pedido']?>" onmousedown="atualizarStatus(<?=$sPedido['id_pedido']?>)"><h2 id="cancelar"><i class="icon-remove vermelho"></i></h2></a>
						<?php } ?>
					</div>
					<div class="li-text">
						<p class="li-head"><i class="icon-bell"></i> Pedido: <?=$sPedido['nome_produto']?></p>
						<p class="li-sub"><i class="icon-shoppingcartalt"></i> Quantidade: <?=$sPedido['qtde_pedido']?></p>
						<p class="li-sub"><i class="icon-dollar"></i> Total: R$ <?=$sPedido['preco_pedido']?></p>
						<p class="li-sub"><i id="icone_pedido" class="icon-chef"></i> Status: <spam id="status_pedido_<?=$sPedido['id_pedido']?>"><?=$sPedido['status_pedido']?></spam></p>
					</div>
			</li>
		<?php } ?>
		</ul>
	
</div>
<a href="visualizar"><button id="atualizar" ><i class="icon-refresh"></i>Atualizar</button></a>
</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {
		
		if ($('#escuta').val() == 'vazio') {
			return false;
			mesa = 0;
		} else {
			mesa = $('#escuta').val();
			base = $('#base').val();
		}
		res = 10;
		qtdeAceito = 999999;
		(function escuta() {
			setTimeout(function() {
				$.ajax({
					url: base + "pedidos/lerQtdeAceito/" + mesa,
					type: "post",
					async: false,
					success: function(res){
						console.log($('#escuta').val());
						if (res > qtdeAceito) {
							window.scrollTo(0, 0);
							$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
							alertify.alert("Seu pedido foi aceito e está sendo preparado!");
						}
						qtdeAceito = res;
					}
				});
				escuta();
			}, 3000);
		})();
});
</script>
<input type="hidden" id="escuta" value="<?=$this->session->userdata('login_usuario')?>"/>
<input type="hidden" id="base" value="<?=base_url()?>"/>